<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery 了解javascript功能：页面上所有触发型效果
		 JQuery的使用方法
		 1.JQuery官方网站  下载JQuery封装js库，格式：jquery-1.11.1.js
		                   jquery-2.x.js之后的版本不支持IE6，7，8
		2.引入JQuery框架【js类库】 在head中，script元素 导入
		           <script src="js/jquery-1.11.1.js"></script>
		3.编写JQuery框架语法---JS页面动态效果
		在页面最后body前方加script，为什么？
		思考：操作页面上元素，boby中生成实际页面上的内容：改变页面效果，
		     整个html+
		JavaScript行为层 EMCAScript5.0核心语法--类似与Java基础
		                 功能：做逻辑
					重点： DOM Document Object Model 文档节点对象模型
						 功能：做页面效果【结合逻辑】
						 DOM树 document   元素，属性，属性值
						      html 
							head body
							meta
					charsert
						 BOM Brower Object Model 浏览器对象模型
						 功能：做浏览器效果【结合逻辑】
		
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/*JQ语法*/
			$("button").click(function)(){alert("花园宝宝~")}
		</script>
	</body>
</html>